<template>
    <div>
        <p>----------------子组件---------------------</p>
        <p>{{ msg }}</p>
        <button type="submit" @click="emit('abc',vueVersion)">点击</button>
    </div>
</template>
<script setup name="dataList01">
import { onMounted, ref, inject } from "vue";
//inject 注入一个由祖先组件或整个应用 (通过 app.provide()) 提供的值。
const vueVersion = inject('vueVersion')
console.log(vueVersion);
//
//导入父组件传递的值
const props = defineProps({
    msg: {
        type: String,
        default: '',
        required: false
    }
})
console.log('父组件传入的值：',props.msg);
//注册触发父组件的事件
const emit = defineEmits(['abc'])
//挂载完成后触发
onMounted(() => {
    test()
})
//触发父组件事件
const test = () => {
    console.log('111');
    emit('abc')
}
</script>
<style lang="less" scoped></style>


